Dare to Dream - DeviantART Journal Theme

***iNSTRUCTiONS***

IMPORTANT! READ FIRST!
--------------------------------------------------------------------------
-Firstly this code is provided by Lilyas at deviantart.com, so don't go
claiming it as your own. INCLUDE THE LINK IN YOUR FOOTER.
-Secondly, you MUST add any 'eating, sleeping, listening to/etc' mood icon list things to the TOP of your journal- NOT THE BOTTOM. Otherwise it'll look ugly and break.
-Important number 3, this wont work unless you are a DA subscriber! Subscribing to DA is worth the money so go do it.
- Number four is impoartant if you are experiencing text cutoff with your linkbox overlapping your journal, i believe this either has something to do with Firefox or screen size, eitherway you can remedy this by missing step 1 (nothing goes into the header box)


--------------------------------------------------------------------------
GO GO GO STEP ONE! -Header
--------------------------------------------------------------------------
(Put the txt below into your HEADER journal box IF YOU WANT A LINK BAR)(If it messes up, just miss this step out alltogether)
(Obviously change the URLS and 'Your Link' to things/websites you like)

</div><div class="linkbox"><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div><div class="button"><a href="http://">Your Link</a></div>


----------------------------------------------------------------------------
STEP TWO! -Journal Entry
----------------------------------------------------------------------------
Put this into your main Journal entry. You'll need to find a place like photobucket.com to host the images in the zip, and then place your own links for them in the places noted (within the quotation marks, don't delete the "s. It's alot easier if you keep the filenames.

<img src="Your URL for titlebarnews.png goes here"></img>
<div class="textbox">Your news text goes here.</div>
<img src="Your URL for titlebarfav.png goes here"></img>
<div class="textbox">Your favourite text goes here.</div>
<img src="Your URL for titlebarfeaturedartist.png goes here"></img>
<div class="textbox">Your featured artist text goes here. Links look like <a href="http://lilyas.deviantart.com/">this</a></div>
<img src="Your URL for titlebarclubs.png goes here"></img>
<div class="textbox">Your club text goes here.</div>

-If you want a bold headline, use :

<div class="title">Your headline</div>

-Next, This is a good place to put in the credit tags for Lilyas. Use :

<div class="credit">Journal Layout and CSS
Made by Lily A. Seidel :devlilyas:</div>

-Next is the feature bar. Used for putting in thumbnails of deviations you like. Replace :thumb********: with the thumbnail codes of your chosen deviations.

<div class="textbox"><div class="featurebar"><div class="left"></div><div class="center"></div><div align="center"><div class="fbtitle"></div></div><div align="right"><div class="right"></div></div></div>
<div class="content"><div align="center"><div class="round_content">:thumb********: :thumb********: :thumb********:
</div><div class="round"><div class="round5"></div><div class="round4"></div><div class="round3"></div><div class="round2"><div></div></div><div class="round1"><div></div></div></div></div></div>


----------------------------------------------------------------------------
STEP THREE! - Moods
----------------------------------------------------------------------------
PUT ANY MOODS TO THE BOTTOM

----------------------------------------------------------------------------
STEP FOUR!- CSS
----------------------------------------------------------------------------
Add this to the CSS (beta) box!. Again, host the images on photobucket and replace the URLS with those specified (within the brackets ! Don't delete the brackets :P).
Excuse some of the akward filenames ._.


.journalbox   { 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: #743a49; 
	background-image: url(Your URL for Footer.png goes here); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	text-align: left; 
	border-width: 2px; 
	border-color: #FFFFFF;
}

.journalbox .journaltop img {
	display:none;
}

.journalbox .journaltop { 
	color: #eae2db; 
	font-size: 9px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	text-decoration: none; 
	background: url(Your URL for Header.png goes here) no-repeat left top; 
	text-align: center; 
	width: auto; 
	height: 311px 
}

.journalbox .journaltop h2   { 
	color: #f6f4f7; 
	font-size: 22px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight: bolder; 
	line-height: 2em; 
	background-color: transparent; 
	text-align: center; 
	letter-spacing: -1px 
}

.journalbox .title {
        color: #b89ec6;
        font-size: 14px;
        font-weight:bolder;
	text-align: left; 
        margin:10px 0px 10px 25px;
        text-decoration:none;
}

.journalbox .textbox  { 
	color: #FFFFFF; 
	font-size: 12px; 
	font-family: Verdana, Arial, SunSans-Regular, sans-serif; 
	background-color: transparent; 
	background-position: left top; 
	text-align: left; 
	margin: 20px 25px 30px 25px; 
}
	
div.journalbox div.textbox a:link  { 
	color: #d6dee1!important; 
	font-weight: bold!important 
}

div.journalbox div.textbox a:active  { 
	color: white!important; 
	font-weight: bold!important 
}

div.journalbox div.textbox a:visited  { 
	color: #0085D7!important; 
	font-weight: bold!important 
}

div.journalbox div.textbox a:hover  { 
	color: #eae2db!important; 
	font-weight: bold!important 
}

.journalbox .f   { 
	background-color: transparent; 
	background-image: none; 
	background-repeat: repeat-y; 
	background-position: left top
}

.journalbox ul.list {
	font-family:  Verdana, Arial, SunSans-Regular, sans-serif; 
	font-size: 11px;
	text-align:left; 
	color:#eae2db;
	text-decoration:none;
	margin-bottom:30px;
	margin-left:25px;
}

.journalbox .commentslink     { 
	color: #d9bc60!important; 
	text-decoration:none;
	margin:0px 12px 0px 26px;
}

.journalbox .prevlink     { 
	color: #d9bc60; 
	text-decoration:none;
	margin:0px -30px 0px 10px;
}

div.journalbox div.alink {
	background: url(Your URL for Commentbar.png goes here) no-repeat center bottom;  
	background-position:bottom center; 
	text-decoration:none;
	text-align:center;
	font-size: 11px; 
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	padding:25px 0px 10px 0px;
	margin:-18px 0px 0px 0px;
}


.linkbox  { 
	color: #6f0125; 
	font-size: 9px; 
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;  
	background-image: url(Your URL for LinkBG.png goes here); 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: transparent;
	text-align: center; 
	margin: 0px 0px 0px 0; 
	padding: 30px 0px 0px 30px; 
	position: absolute;
	top: 159px; 
	right: 15px; 
	width: 133px; 
	height: 287px; 
}

.linkbox .button {
	background-image: url(Your URL for Buttonbar.png goes here);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100px; 
	height: 17px; 
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	font-weight: bold!important;
	text-decoration: none!important;
	margin: 2px 15px 0px 17px;
	padding-top: 1px;
}

div.linkbox div.button a:link {
	color: #470e20;
	font-weight: bold!important;
	text-decoration: none!important;
	padding-top: 5px;
}

div.linkbox div.button a:active {
	color: #BE3060;
	font-weight: bold!important;
	text-decoration: none!important;
	padding-top: 5px;
}

div.linkbox div.button a:visited {
	color: #6F0125;
	font-weight: bold!important;
	text-decoration: none!important;
	padding-top: 5px;
}

div.linkbox div.button a:hover {
	color: #BE3060;
	font-weight: bold!important;
	text-decoration: none!important;
	padding-top: 5px;
}

.featurebar .left {
	background-image: url(Your URL for FB-oben-linkscopy.png goes here) !important;
	height:28px;
	width:11px;
}

.featurebar .center {
	background-image: url(Your URL for FB-oben-mittecopy.png goes here) !important;
	background-repeat:repeat-x;
	height:28px;
	margin:-28px 12px -14px 11px;
}

.featurebar .fbtitle {
	background-image: url(Your URL for FB-oben-mitte-titlecopy.png goes here) !important;
	background-position:center;
	height:28px;
	width:124px;
	margin:-28px 0px -14px 16px;
}

.featurebar .right {
	background-image: url(Your URL for FB-oben-linksright.png goes here) !important;
	height:28px;
	width:11px;
	background-position:right !important;
	background-repeat:no-repeat;
	margin:-28px 0px -14px 0px;
}

.round  { 
	display: compact;
}

.round * {
	display:block;
	height:1px;
	overflow:hidden;
}

.round_content {
	border-right:1px #d9bc60;
	border-left:1px #d9bc60;
	padding:15px 10px 15px 10px;
	background: url(Your URL for patterndesign.png goes here) center top; 
}

.round1 {
	border-right:1px#d9bc60;
	border-left:1px #d9bc60;
	margin:0px 5px 20px 5px;
	background-color:#d9bc60;
	background-repeat: repeat-x;
}

.round2 {
	border-right:1px #d9bc60;
	border-left:1px #d9bc60;
	margin-right:3px;
	margin-left:3px;
        background-image: url(Your URL for FB-pat-h-dcopy.png goes here);
	background-repeat: repeat-x;
}

.round3 {
	border-right:1px #d9bc60;
	border-left:1px #d9bc60;
	margin:0px 2px;
        background-image: url(Your URL for FB-pat-h-dcopy.png goes here);
	background-repeat: repeat-x;
}

.round4 {
	border-right:1px #d9bc60;
	border-left:1px #d9bc60;
	margin-right:1px;
	margin-left:1px;
        background-image: url(Your URL for FB-pat-h-dcopy.png goes here);
	background-repeat: repeat-x;
}

.round5 {
	border-right:1px #d9bc60;
	border-left:1px #d9bc60;
	margin-right:1px;
	margin-left:1px;
        background-image: url(Your URL for FB-pat-d-hcopy.png goes here);
	background-repeat: repeat-x;
}

.credit {
	color: #C8C8C8; 
	font-size: 9px; 
	font-family: Verdana, Arial, SunSans-Regular, sans-serif; 
	text-decoration: none; 
	text-align:right;
	margin-bottom:5px;
}

div.journalbox div.credit a:link  { 
	color: #FFFFFF!important; 
	font-weight: bold!important 
}

div.journalbox div.credit a:active { 
	color: #FFFFFF!important; 
	font-weight: bold!important 
}

div.journalbox div.credit a:visited { 
	color: #FFFFFF!important; 
	font-weight: bold!important 
}

div.journalbox div.credit a:hover { 
	color: #FFFFFF!important; 
	font-weight: bold!important 
}



-----------------------------------------------------------------------




And that should be it :3. Hope it's straightforward enough !
Enjoy!